<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>数字1：</p>
		<input type="text" id="n1" />
		<p>数字2：</p>
		<input type="text" id="n2" />
		<!--按钮的点击事件，执行add函数-->
		<br />
		<br />
		<input id="bth" type="button" value="求和" onclick="add()"/>
		<p id="sum"></p>
		<script>
			function add(){
				/*1、获取2个文本框输入内容
				 2、相加的结果放入<P>*/
				
				//获取元素对象
				var num1=document.getElementById("n1");
				var num2=document.getElementById("n2");
				var sum=document.getElementById("sum");
				
				
				var result=num1.value+num2.value;
				
				//强制类型转换1：转成整型
				//输入浮点数的话,会截断：1.5+5.6=6
				//输入非数字的话 ,1+a=NaN
				result=parseInt(num1.value)+parseInt(num2.value);
				
				//强制类型转换2：parsefloat()转成浮点型1.5+2.3=3.8
				//输入非数字的话，1+a=NaN
				result=parseFloat(num1.value)+parseFloat(num2.value);
				//强制类型转换3：Number()
				//输入整形浮点型都可以：3+3.3=6.3
			    //输入非数字的话，3a+3.3=NaN
				  result=Number(num1.value)+Number(num2.value);
				  //考虑用户输入不合法的情况，当用户输入非数字时，弹出提示框
				
				if (isNaN(num1.value)) {
					alert("输入的第一个数字有误");
				} else if(isNaN(num2.value)){
					alert("输入的第二个数字有误");
				}else{
					sum.innerHTML=(num1.value)+"+"+(num2.value)+"="+result;
				}
			}
		</script>
	</body>
</html>
